<template>
<div class="body">
  <ManPageMiddle v-show="isShow"></ManPageMiddle>
  <router-view></router-view>
</div>
</template>

<script>

import ManPageMiddle from "@/components/ManPageMiddle";
export default {
name: "ManPageRightTab1",
  components: {ManPageMiddle},
  data(){
    return{
      isShow:true
    }
  },
  mounted() {
    //ManPageRightHeader.vue触发该事件,返回给数据
    //实现ManPageMiddle是否显示
    this.$bus.$on('turnIt',({isShow})=>{
      this.isShow = isShow
    })
  }
}
</script>

<style scoped>
.body{
  display: flex;
  flex-direction: row;
}
</style>
